/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
h1 {
    font-size: 2em;
    font-weight: bold;
    color: #777777;
    margin: 40px 0px 70px;
    text-align: center;
}

body {
    margin: 0px;
    font-family: Arial Unicode MS, Arial, sans-serif;
    color: #666666;
    background-color: #FFFFFF;
}

a {
    color: #369;
    text-decoration: none;
}

img {
	border: none;
}

.button {
	color: white;
	border: 1px solid lightgrey;
	font-size: 120%;
	font-weight: bold;
	cursor: pointer;
    cursor: hand;
    text-align: center;
    background-color: #018BE3
}

.dockPanel {
    width: 100%;
    height: 100%;
}

.westPanel {
    width: 300px;
    height: 100%;
    vertical-align: top;
}

.centerPanel {
	position: fixed;
    width: 100%;
    border-left: 2px solid #018BE3;
    border-right: 2px solid #018BE3;
}

.eastPanel {
    width: 100%;
}

.userWidget {
	width: 280px;
	margin: 10px;
	background-color: #f9fbff;
	text-align: center;
	border: 2px solid #018BE3;
}

.signInWidget {
	width: 280px;
	margin: 10px;
	background-color: #f9fbff;
	text-align: center;
	border: 2px solid #018BE3;
	font-size: 150%;
}

.stackPanel {
    width: 100%;
}

.badgesPanel {
	padding: 5px;
	width: 100%;
	text-align: center;
}

.checkinsPanel {
	padding: 5px;
	width: 100%;
	text-align: center;
}

.venuePanel {
	width: 100%;
	text-align: center;
}

.statusPanelLoad {
	width: 100%;
	background-color: #C4F2BB;
	color: white;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}

.statusPanelError {
	width: 100%;
	font-size: 80%;
	background-color: #ff8080;
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
}

.locationTable {
	width: 100%;
	text-align: center;
}

.spreadWordPopup {
	font-size: 100%;
	text-align: center;
	background-color: white;
	border: 2px solid #0080ff;
	color: #000;
}

.footer {
	width:294px;
	height:50px;
}

.gwt-Button {
	color: white;
	border: 1px solid lightgrey;
	font-size: 1em;
	cursor: pointer;
    cursor: hand;
    text-align: center;
    background-color: #018BE3
}

.gwt-StackPanel {
    width: 100%;
	border-bottom: 1px solid #076dde;
}

.gwt-StackPanel .gwt-StackPanelItem {
    font-size: 150%;
	text-align: right;
    color: white;
    background-color: #018BE3;
	border-top: 1px solid #076dde;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
    background-color: #86bdfb;
    border-bottom: 1px solid #076dde;
	text-align: left;
	font-weight: bold;
}

.gwt-StackPanel .gwt-StackPanelContent {
    color: #777777;
    background-color: white;
	width: 100%;
}

.gwt-PopupPanelGlass {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}


.onefifty {
	font-size: 150%;
	font-weight: bold;
}

.onetwenty {
	font-size: 120%;
	font-weight: bold;
}

.seventy {
	font-size: 70%;
}

.sixteenpx {
	height: 16px;
}

.center {
	text-align: center;
}

.padding {
	padding: 5px;
}

.alignLeft {
	text-align: left;
}	

.alignRight {
	text-align: right;
}
